<script lang="ts" setup>
import { appName } from '~/constants/index'

defineOptions({
  name: 'LayoutHeader',
})

const router = useRouter()
function handleHome() {
  router.push({ path: '/home' })
}
onMounted(() => {})
</script>

<template>
  <header class="b-b-1 b-b-[#e1e1e1] h-16 min-h-16 min-w-225 w-full flex items-center justify-between bg-white pb-0 pl-6 pr-6 pt-0">
      <h3 class="flex cursor-pointer items-center" @click="handleHome">
        <img src="/nuxt.svg" alt="logo" class="h-7">
        <div class="text-base font-bold mx-2">{{ appName }}</div>
      </h3>
  </header>
</template>

<style lang="scss" scoped></style>
